@charset "utf-8";
:root{
    --clr-body:#151515;
    --clr-bg:#343434;
    --clr-selection: rgba(0,255,255,.2);
    --clr-active: #0076A0;
    --clr-time: slateblue;
    --clr-hr: #2b2b2b;
    --clr-lst-b:tan;
    --clr-lst-f:white;
    --clr-lst-h:deepskyblue;
}
*{
    color:black;
    font-family:"consolas","Menlo","DejaVu Sans Mono","monaco","MonoSpace","courier new","微软雅黑","Microsoft Yahei";
    font-weight:300;
    background-repeat:no-repeat;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust: none;
}
::selection { background-color: var(--clr-selection); }
::-moz-selection { background-color: var(--clr-selection); }
::-webkit-selection { background-color: var(--clr-selection); }
::-webkit-scrollbar { display: none; }
html,body{
    margin:0px;
    width:100%;
    height:100%;
}
img{
    display:block;
    max-width:100%;
    box-sizing: border-box;
}
a{ 
    cursor:pointer;
    outline:none;
    text-decoration:none; 
}
a:hover{ 
    outline-style:none;
}
.div_top{
    min-height:350px;
    position:relative;
    background-image:url('../images/banner.jpg');
    background-size: cover;
}
.div_top_content{
    width:100%;
    max-width: 1024px;
    text-align: center;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
}
.div_mid{
    margin:auto;
    max-width:1024px;
}
.div_bottom{
    height:100px;
    color:white;
    background-color:black;
    text-align:center;
    position:relative;
}
.a_button{
    margin:5px 10px;
    padding:10px 20px;
    color:white;
    border-radius: 5px;
    display: inline-block;
    min-width: 120px;
}
.a_lua{
    position:fixed;
    width:30px;
    height:30px;
    z-index:1;
    background-color:ghostwhite;
    text-align:center;
    line-height:30px;
    border-radius:15px;
}
@keyframes good{
    0% {
        transform: rotate(-30deg);
    }
    50%{
        transform:rotate(30deg);
    }
    100% {
        transform: rotate(-30deg);
    }
}
.img_good{
    animation: good 2s infinite;
}
.span_note{
    display: inline-block;
    background-color: goldenrod;
    font-size: 12px;
    color: white;
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 2px 10px;
    border-radius: 0px 0px 5px 5px;
    white-space: nowrap;
}